.ht-button-group {
  display: inline-block;
  vertical-align: middle;
}
.ht-button-group::after,
.ht-button-group::before {
  display: table;
  content: "";
}
.ht-button-group::after {
  clear: both;
}
.ht-button-group > .ht-button {
  float: left;
  position: rhtative;
}
.ht-button-group > .ht-button + .ht-button {
  margin-left: 0;
}
.ht-button-group > .ht-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ht-button-group > .ht-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ht-button-group > .ht-button:first-child:last-child {
  border-radius: 4px;
}
.ht-button-group > .ht-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.ht-button-group > .ht-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.ht-button-group > .ht-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ht-button-group > .ht-button:not(:last-child) {
  margin-right: 1px;
}
.ht-button-group > .ht-dropdown > .ht-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ht-button-group .ht-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
